  <div class="bgPhone" v-if="!loginInfo.isSend">
      <p>手机号登录</p>
      <span>+86</span>
      <input class="phone" id="phone" v-model="loginInfo.phone" placeholder="请输入手机号码" @keyup="handleKeyDown">
      <button @click="handleSend" class="sendBtn">{{smsText}}</button>
    </div>
    <div class="bgCode" v-if="loginInfo.isSend">
      <p>请输入验证码</p>
      <p class="bgCodeText">已发送至手机{{loginInfo.phone}}<span @click="handleSend">重新发送（{{smsText}}）</span> </p>
      <input type="number" id="smsCode" v-model="loginInfo.sms" maxlength="6" @keyUp="handleGetSms" autofocus="autofocus">
      <ul class="dvCode">
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
      </ul>
      <button @click="handleEnter" class="loginEnterBtn">登录</button>
    </div>
    <div class="codeMode" v-if="loginInfo.mode">
      <p>验证码已发送
          请注意查收</p>
    </div>